//appendBotMessage.js
function appendBotMessage(chatContainer, b64Image) {
    const messageWrapper = document.createElement('div');
    messageWrapper.classList.add('message-wrapper', 'bot-message-wrapper');

    // 创建一个新的img元素来显示Base64编码的图像
    const botMessageElement = document.createElement('img');
    // 设置图像的src属性为Base64编码的图像数据
    botMessageElement.src = 'data:image/png;base64,' + b64Image;
    // 为消息内容添加CSS类，设置为机器人消息
    botMessageElement.classList.add('message', 'bot-message');

    // 将机器人消息添加到消息容器中，并将消息容器添加到聊天容器中
    messageWrapper.appendChild(botMessageElement);
    chatContainer.appendChild(messageWrapper);

    // 保持聊天容器滚动到底部状态
    chatContainer.scrollTop = chatContainer.scrollHeight;
}

function appendBotMessage_prompt(chatContainer, message) {
    // 创建一个新的div元素作为消息的容器
    const messageWrapper = document.createElement('div');
    // 为消息容器添加CSS类，设置为机器人消息
    messageWrapper.classList.add('message-wrapper', 'bot-message-wrapper');

    // 解析并格式化消息内容
    const formattedMessage = formatMessage(message);

    // 创建一个新的div元素作为消息内容
    const botMessageElement = document.createElement('div');
    // 为消息内容添加CSS类，设置为机器人消息
    botMessageElement.classList.add('message', 'bot-message');
    // 设置消息内容为格式化后的消息
    botMessageElement.innerHTML = formattedMessage;

    // 将消息内容添加到消息容器中
    messageWrapper.appendChild(botMessageElement);
    // 将消息容器添加到聊天容器中
    chatContainer.appendChild(messageWrapper);
}

function formatMessage(message) {
    // 处理换行符
    let formatted = message.replace(/\n/g, '<br>');
    // 处理加粗文本
    formatted = formatted.replace(/\*\*(.*?)\*\*/g, '<b>$1</b>');
    return formatted;
}